<!DOCTYPE html>
<html>
  <head>
    <title>Capture Photo</title>

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>    
    <script type="text/javascript" charset="utf-8" src="cordova-2.7.0.js"></script>
    <script type="text/javascript" src="js/camera.js"></script>
    <script type="text/javascript" charset="utf-8">
    	app.initialize();
    </script>
  </head>
  
 <body>

<div data-role="page">

	<div data-role="header" class="ui-bar ui-bar-b" align="center" style="padding: 15px 0px 15px 0px;">
		Fill Guest Details
	</div><!-- /header -->

	<div data-role="content">
	    <div align="center" ><h3>User Information</h3></div>
	    <form action="">
			<div>
				<img style="display:none;width:100%;" id="largeImage" src="" />
			</div>
		    <div data-role="fieldcontain">
				<label for="text-name">Guest Name</label>
				<input type="text" name="text-name" id="text-name" value="" placeholder="Enter Full Name">	
			</div>
	
		    <label for="select-native-fc">ID proof type</label>
		    <select name="select-native-fc" id="select-native-fc">
		        <option value="male">Adhaar Card</option>
		        <option value="female">Voter Id</option>
		        <option value="female">Driver License</option>
		        <option value="female">Passport</option>
		        <option value="female">Other</option>
		    </select>
	    
		    <div data-role="fieldcontain">
				<label for="text-custid">ID Number</label>
				<input type="text" name="text-custid" id="text-custid" value="" placeholder="Enter id">	
			</div>		
			<div data-role="fieldcontain">
			    <label for="textarea-1">Address:</label>
			    <textarea cols="40" rows="8" name="textarea-1" id="textarea-1" placeholder="Address"></textarea>
			</div>
			
			<br/>
		    <button onclick="capturePhoto();">Capture Photo</button> 
		    <button onclick="capturePhotoEdit();">Capture Editable Photo</button> 
		    <button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">From Photo Library</button>
		    <button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">From Photo Album</button>
		    <br/>
		    <input type="button" value="Continue" data-icon="star" data-theme="a">
	    </form>
	</div><!-- /content -->
</div><!-- /page -->
</body>
</html>